<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/xiyijizhuanqu4.css">
    <script src="jq/jquery-3.3.1.js"></script>
</head>
<body>
<div class="warper">
    <div class="header-inner">
        <div class="header">
            <div class="headerzuo clearfix">
                <a href="index.html"><img src="images/haier-logo_03.gif" alt="" class="logo"></a>
                <ul class="clearfix">
                    <li class="btn1"><a href="">智慧生活</a></li>
                    <li class="btn2"><a href="">个人与家用产品</a></li>
                    <li class="btn3"><a href="">商业解决方案</a></li>
                    <li class="btn4"><a href="">用户服务</a></li>
                    <li class="btn5"><a href="">购买</a></li>
                </ul>
                <input type="text">
                <img src="images/sousuo_03.gif" alt="" class="sousuo">
                <div class="headeryou clearfix">
                    <div class="headerwenzi">
                        <a href="">登录</a>
                        <span>|</span>
                        <a href="">注册</a>
                    </div>
                    <a href=""><img src="images/sandaogang_03.gif" alt="" class="san"></a>
                </div>
            </div>
        </div>
        <div class="header-xia clearfix">
            <a href="">经典洗护，超越期待</a>
        </div>
    </div>
    <div class="banner-inner">
        <div class="banner">
            <div class="banner-yi clearfix">
                <img class="tyi" src="images/xiyijiyi_03.gif" alt="">
                <div class="banner-y">
                    <a href="">洗衣机专区</a>
                    <img src="images/jiu_03.gif" alt="">
                </div>
                <div class="banner-i">
                    <p>产品</p>
                    <p>论坛</p>
                    <p>服务与支持</p>
                </div>
            </div>
            <div class="banner-er">
                <div class="banner-e clearfix">
                    <img src="images/xiyijier_03.gif" alt="">
                </div>
                <div class="banner-r clearfix">
                    <h2 class="h2">海尔子母机</h2>
                    <h3>免清洗洗衣机</h3>
                    <p class="p1">- 超级洗护空间</p>
                    <p>- 左右洗衣桶搭载免清洗系统</p>
                    <p>- 从内而外打造安静减震运行的系统</p>
                    <p>- 为爱分区洗 健康双洗护</p>
                    <span>查看更多</span>
                </div>
            </div>
            <div class="banner-san">
                <img src="images/sdl_06.gif" alt="">
                <h2>免清洗</h2>
                <img src="images/shu_03.gif" alt="">
                <h2>智能投放</h2>
                <img src="images/shu_03.gif" alt="">
                <h2>水晶直驱变频</h2>
            </div>
            <div class="banner-si">
                <h3>洗衣机</h3>
                <img src="images/sanjiaoxian_03.gif" alt="">
                <div class="si">
                    <div class="si-zuo clearfix">
                        <h3>请根据人口选容积</h3>
                        <div class="zuo-shang clearfix">
                            <h4>容积</h4>
                            <p class="pyi"><a href="">5kg以下</a></p>
                            <p><a href="">5-6kg</a></p>
                            <p><a href="">6-7kg</a></p>
                            <p><a href="">7-8kg</a></p>
                            <p><a href="">10kg以上</a></p>
                        </div>
                        <div class="xian">
                            <img src="images/yuanxian_03.gif" alt="">
                        </div>
                        <div class="zuo-xia clearfix">
                            <h4>人口</h4>
                            <p class="pa">婴儿专用</p>
                            <p>单身贵族</p>
                            <p>二人世界</p>
                            <p>超大需求</p>
                        </div>
                    </div>
                    <div class="si-you clearfix">
                        <h3>根据你的喜好</h3>
                        <div class="you-shang clearfix">
                            <div class="shang-zuo">
                                <p>健康呵护</p>
                            </div>
                            <div class="shang-you">
                                <p>变频功能</p>
                            </div>
                        </div>
                        <div class="you-xia clearfix">
                            <div class="xia-zuo">
                                <p>智能物联功能</p>
                            </div>
                            <div class="xia-you">
                                <p>洗烘一体功能</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-wu clearfix">
                <h3 class="h3">新品抢先</h3>
                <h3>精品推荐</h3>
                <h3>热门推荐</h3>
                <h3>时尚生活</h3>
                <a href="">查看所有冰箱产品></a>
                <img src="images/sanjiaoxian_03.gif" alt="">
            </div>
            <div class="banner-liu clearfix">
                <div class="liu-yi clearfix">
                    <img src="images/xyja_10.gif" alt="">
                    <h2>7.0公斤变频波轮洗衣机</h2>
                    <p>XQB70-BM1269</p>
                    <h3 class="hsan-yi">DD变频 高效节能</h3>
                    <h3>海立方内桶 呵护衣物低磨损</h3>
                    <h3>智能双宽 水电不稳照常洗衣</h3>
                </div>
                <div class="liu-er clearfix">
                    <img src="images/xyjb_12.gif" alt="">
                    <h2>7.0公斤全自动波轮洗衣机</h2>
                    <p>XQB70-M1708</p>
                    <h3>漂甩二合一</h3>
                    <h3>智能称重</h3>
                    <h3>瀑布水流</h3>
                </div>
                <div class="liu-san clearfix">
                    <img src="images/xyjc_03.gif" alt="">
                    <h2>9.0公斤天沐双动力波轮洗衣机</h2>
                    <p>XQS90-BZ866</p>
                    <h3>双动力 双倍动力更干净</h3>
                    <h3 class="hsan-er">DD变频 高效节能</h3>
                    <h3>桶自洁 杜绝衣物二次污染</h3>
                </div>
                <div class="liu-si clearfix">
                    <img src="images/xyjd_03.gif" alt="">
                    <h2>10.0公斤水晶直驱变频洗衣机</h2>
                    <p>XQG100-B14736U1 SN</p>
                    <h3>直驱变频电机</h3>
                    <h3>智能WiFi物联</h3>
                    <h3>USP不间断速洗</h3>
                </div>
            </div>
            <div class="banner-qi clearfix">
                <img class="tuyi" src="images/yixyj_03.gif" alt="">
                <img class="tuer" src="images/erxyj_03.gif" alt="">
                <img class="tusan" src="images/sanxyj_03.gif" alt="">
            </div>
            <div class="banner-ba clearfix">
                <img class="xianyi" src="images/xian_03.gif" alt="">
                <h2>本周优惠</h2>
                <img class="xianer" src="images/xian_03.gif" alt="">
            </div>
            <div class="banner-jiu clearfix">
                <div class="jiu-yi clearfix">
                    <img src="images/gome_03.gif" alt="">
                    <p><a href="">新年新象 新鲜开场</a></p>
                </div>
                <div class="jiu-er clearfix">
                    <img src="images/jingd_03.gif" alt="">
                    <p><a href="">海量好事 冰爽齐聚</a></p>
                </div>
                <div class="jiu-san clearfix">
                    <img src="images/suning_03.gif" alt="">
                    <p><a href="">新年新象 新鲜开场</a></p>
                </div>
                <div class="jiu-si clearfix">
                    <img src="images/hesclogo_03.gif" alt="">
                    <p><a href="">海尔官方旗舰店</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="main-inner">
        <div class="main">
            <div class="main-one clearfix">
                <h2>售后保障 购物无忧</h2>
                <div class="main-yi clearfix">
                    <img src="images/ayi_03.gif" alt="">
                    <div class="main-a clearfix">
                        <h3>服务政策</h3>
                        <p>免费安装 |</p>
                        <p>全国联保 |</p>
                        <p>整机一年 |</p>
                        <p>主要部件三年</p>
                        <a href="">三包服务政策></a>
                    </div>
                </div>
                <div class="main-er clearfix">
                    <img src="images/aer_03.gif" alt="">
                    <div class="main-b clearfix">
                        <h3>特色服务</h3>
                        <p>最贴心的上门售后服务 |</p>
                        <p>规范专业 |</p>
                        <p>一步到位</p>
                        <a href="">延保服务> 移机服务></a>
                    </div>
                </div>
                <div class="main-san clearfix">
                    <img src="images/asan_03.gif" alt="">
                    <div class="main-c clearfix">
                        <h3>快速服务</h3>
                        <a href="">申请安装> 申请维修></a>
                        <a href="">服务状态跟踪> 海尔服务店></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-inner">
        <div class="footer">
            <div class="footer-shang clearfix">
                <div class="diyi clearfix">
                    <h3 class="hyi">冰箱  冷柜</h3>
                    <a href="">单门冰箱</a>
                    <a href="">两门冰箱</a>
                    <a href="">三门冰箱</a>
                    <a href="">对开门冰箱</a>
                    <a href="">多门冰箱</a>
                    <a href="">十字对开门冰箱</a>
                    <a href="">立式冷柜</a>
                    <a href="">卧式冷柜</a>
                    <a href="">展示柜</a>
                    <h3 class="her">冰吧酒柜专区</h3>
                    <a href="">冰吧</a>
                    <a href="">酒柜</a>
                    <h3 class="hsan">洗衣机专区</h3>
                    <a href="">滚筒洗衣机</a>
                    <a href="">波轮洗衣机</a>
                    <a href="">干衣机</a>
                </div>
                <div class="dier clearfix">
                    <h3 class="hsi">空调</h3>
                    <a href="">壁挂式空调</a>
                    <a href="">柜式空调</a>
                    <a href="">家用中央空调</a>
                    <a href="">除湿机</a>
                    <a href="">移动空调</a>
                    <h3 class="hwu">热水器</h3>
                    <a href="">电热水器</a>
                    <a href="">燃气热水器</a>
                    <a href="">太阳能热水器</a>
                    <a href="">采暖炉</a>
                    <a href="">空气能热水器</a>
                    <h3 class="hliu">电视</h3>
                    <a href="">曲面电视</a>
                    <a href="">4K高清电视</a>
                    <a href="">智能电视</a>
                    <a href="">蓝光电视</a>
                </div>
                <div class="disan clearfix">
                    <h3 class="hqi">厨房电器</h3>
                    <a href="">吸油烟机</a>
                    <a href="">燃气灶</a>
                    <a href="">电烤箱</a>
                    <a href="">洗碗机</a>
                    <a href="">消毒柜</a>
                    <a href="">空气炸锅</a>
                    <h3 class="hba">电脑 手机</h3>
                    <a href="">笔记本电脑</a>
                    <a href="">台式电脑</a>
                    <a href="">平板电脑</a>
                    <a href="">一体电脑</a>
                    <a href="">网络设备及外设</a>
                    <a href="">手机专区</a>
                </div>
                <div class="disi clearfix">
                    <h3 class="hjiu">小家电</h3>
                    <a href="">厨房小家电</a>
                    <a href="">生活小家电</a>
                    <a href="">个护小家电</a>
                    <a href="">母婴小家电</a>
                    <h3 class="hshi">智慧家电</h3>
                    <a href="">空气净化器</a>
                    <a href="">空气魔方</a>
                    <a href="">车载净化器</a>
                    <a href="">新风机</a>
                    <a href="">扫地机器人</a>
                    <a href="">智能体脂秤</a>
                    <a href="">智能洁身器</a>
                    <a href="">魔镜</a>
                    <a href="">智能音箱</a>
                    <a href="">冰箱</a>
                    <a href="">空调</a>
                    <a href="">电烤箱</a>
                    <a href="">洗衣机</a>
                    <a href="">热水器</a>
                </div>
                <div class="diwu clearfix">
                    <h3 class="hshiyi">定制产品</h3>
                    <a href="">定制家具</a>
                    <a href="">集成家居</a>
                </div>
                <div class="diliu clearfix">
                    <h3 class="hshier">商业解决方案</h3>
                    <a href="">中央空调</a>
                    <a href="">商用冷柜</a>
                    <a href="">商用洗條</a>
                    <a href="">商用电视</a>
                    <a href="">商用电脑</a>
                    <a href="">生物医疗</a>
                    <a href="">U-home</a>
                    <a href="">商用净水设备</a>
                    <a href="">商用热泵</a>
                    <a href="">海尔地产</a>
                </div>
                <div class="diqi clearfix">
                    <h3 class="hshisan">服务</h3>
                    <a href="">认证产品</a>
                    <a href="">预约安装</a>
                    <a href="">在线报修</a>
                    <a href="">特色服务</a>
                    <a href="">服务政策</a>
                    <a href="">服务状态查询</a>
                    <a href="">海尔服务店</a>
                    <a href="">海尔门店</a>
                    <a href="">智慧家庭体验店</a>
                    <a href="">应用中心</a>
                    <a href="">帮助中心</a>
                </div>
                <div class="diba clearfix">
                    <img src="images/hai_03.gif" alt="">
                    <p class="p1">全球</p>
                    <p class="p2">国家</p>
                    <span>中国</span>
                </div>
                <div class="dijiu clearfix">
                    <img src="images/erweima_03.gif" alt="">
                    <p>扫码关注海尔家电</p>
                </div>
            </div>
            <div class="footer-xia clearfix">
                <div class="footer-a clearfix">
                    <a href="">关于海尔 |</a>
                    <a href="">联系我们 |</a>
                    <a href="">法律声明 |</a>
                    <a href="">帮助中心 |</a>
                    <a href="">海尔门店 </a>
                </div>
                <div class="footer-p clearfix">
                    <p>鲁ICP备09096283 |</p>
                    <p class="per">Copyright ©2015 海尔集团 版权所有</p>
                </div>
            </div>
        </div>
    </div>
    <div class="btn-top">回到顶部</div>
</div>
</body>
<script>
    var g;
    $(function(){
        g = setInterval(function(){
            $("body").css("opacity","1");
            clearInterval(g);
        },500)
    })
    $(function () {
        sub();
        $(window).scroll(sub);
        function sub(){
            if($(window).scrollTop()>0){
                $(".btn-top").removeClass("hid");
            }else{
                $(".btn-top").addClass("hid");
            }
        }
        $(".btn-top").click(function(){
            $("html,body").animate({scrollTop:0},500)
        })
    });
</script>
</html>